.buyer-refund-container {
  .main-wrap {
    >p {
      font-size: 14px;
      line-height: 20px;
      padding: 11px 20px;
      border-bottom: 1px solid #E5E5E5;
    }
    .refund-list {
      padding: 0 20px;
      .item-title {
        background: #FAFAFA;
        border: 1px solid #E5E5E5;
        color: #666666;
        font-size: 14px;
        padding: 10px 0;
        margin-top: 10px;
      }
      .item-desc {
        margin-top: 10px;
        .item-tip {
          background: #FFF0E8;
          border: 1px solid #FFDDCE;
          font-size: 12px;
          height: 38px;
          line-height: 38px;
          padding: 0 10px;
          >span {
            margin: 0 10px;
          }
        }
        .item-cont {
          padding: 10px 0 10px 16px;
          border-left: 1px solid #E5E5E5;
          border-bottom: 1px solid #E5E5E5;
          border-right: 1px solid #E5E5E5;
          font-size: 12px;
          .percent-34 {
            text-align: left;
            position: relative;
            >img {
              width: 80px;
              height: 80px;
            }
            .item-pro-cont {
              width: 200px;
              height: 100%;
              position: absolute;
              left: 90px;
              top: 0;
              .title {
                overflow: hidden;
                display: -webkit-box;
                text-overflow: ellipsis;
                max-height: 51px;
                -webkit-line-clamp: 3;
                line-height: 17px;
                -webkit-box-orient: vertical;
              }
              .spec {
                bottom: 0;
                position: absolute;
                color: #9C9C9C;
              }
            }
          }
        }
      }
      .col {
        text-align: center;
        float: left;
      }
      .percent-34 {
        width: 34%;
      }
      .percent-11 {
        width: 11%;
      }
    }
  }
}